<template>
  <div>
    <!-- 向组件中传值 -->
    <h1>每次加2</h1>
    <!-- 
      props的批量传递：
      当v-bind传递数据的时候，可以直接传递一个对象，v-bind会把对象的每一个键值对依次拿出来 设置给当前模板作为属性
     -->
    <Count :num="2"  v-bind="Tv"/>  
    <hr>
  <Person />

  <br>
  <News />
  </div>
</template>

<script>
import Count from './components/Count';
import Person from './components/Person';
import News from './components/News'
export default {
  name:'App',
  data(){
   return {
     Tv:{
      id:'2121',
      name:'星汉灿烂',
      person:'赵露思，吴磊'
    }
   }
  },
  components:{
    Count,
    Person,
    News
  }
}
</script>

<style>

</style>